﻿<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>个人中心</title>

    <!-- 文件导入，共性抽取 -->
    <script src="../../static/v2/js/kimImport.js"></script>

    <link rel="icon" href="../../static/v2/images/favicon.ico">

    <!-- Bootstrap 4.0-->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/bootstrap/dist/css/bootstrap.css">

    <!-- Bootstrap extend-->
    <link rel="stylesheet" href="../../static/v2/css/bootstrap-extend.css">

    <!-- theme style -->
    <link rel="stylesheet" href="../../static/v2/css/master_style.css">

    <!-- Fab Admin skins -->
    <link rel="stylesheet" href="../../static/v2/css/skins/_all-skins.css">

    <!-- Vector CSS -->
    <link href="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.css" rel="stylesheet" />

    <!-- Morris charts -->
    <link rel="stylesheet" href="../../static/libs/assets/vendor_components/morris.js/morris.css">

    <!-- 自己的公用样式 -->
    <link rel="stylesheet" href="../../static/v2/css/utils.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->

  </head>

  <body class="hold-transition skin-blue sidebar-mini">
    <div class="wrapper">
      <!-- 三种引入共性文件的方式 -->

      <!-- <iframe marginwidth=0 marginheight=0 width="100%" height=200 src="common.html" frameborder="no"
        scrolling="no"></iframe> -->

      <!-- <link rel="import" href="common/shareMain.html" id="shareMain" />
      <script type="text/javascript">
        document.write(shareMain.import.body.innerHTML);
      </script> -->

      <!--先在头部引入kimImport.js，然后使用标签导入incl-->
      <kimImport src="common/shareMain.html"></kimImport>


      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->

        <section class="content-header">
          <h1>
            个人中心
            <small>控制面板</small>
          </h1>
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#"><i class="fa fa-dashboard"></i>主页</a></li>
            <li class="breadcrumb-item active">个人中心</li>
          </ol>
        </section>



        <!-- Main content -->
        <section class="content">
          <div class="row">

            <div class="col-xl-3 col-md-6 col-12">
              <div class="box box-body">
                <div class="text-center pt-15 kim-height">
                  <a href="#" class="pull-left">
                    <img class="avatar avatar-xxl rounded" src="../../static/v2/images/userHeadPortrait/6.png" alt="">
                  </a>
                  <h5 class="user-info mt-0 mb-5">木广山 </h5>
                  <p class="user-info mt-0 mb-5"><i class="fa fa-envelope pr-15"></i> 7533524@qq.com</p>
                  <p class="user-info mt-0 mb-10"><i class="fa fa-phone pr-15"></i> +1 123 456 7890</p>
                  <div class="gap-items user-social font-size-16">
                    <a class="text-facebook" href="#"><i class="fa fa-facebook"></i></a>
                    <a class="text-instagram" href="#"><i class="fa fa-instagram"></i></a>
                    <a class="text-google" href="#"><i class="fa fa-google"></i></a>
                    <a class="text-twitter" href="#"><i class="fa fa-twitter"></i></a>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-xl-3 col-md-6 col-12">
              <div class="box box-body kim-height_1">
                <h6 class="text-uppercase">余额</h6>
                <div class="flexbox mt-2">
                  <span class="fa  fa-credit-card-alt text-brown  font-size-70"></span>
                  <span class=" font-size-26">￥5530.52</span>
                </div>
              </div>
            </div>
            <!-- /.col -->
            <div class="col-xl-3 col-md-6 col-12">
              <div class="box box-body  kim-height_1">
                <h6 class="text-uppercase">企业认证</h6>
                <div class="flexbox mt-2">
                  <span class="fa fa-building  text-info font-size-70"></span>
                  <span class=" font-size-20">未认证</span>


                </div>
              </div>
            </div>
            <!-- /.col -->

            <!-- fix for small devices only -->
            <div class="clearfix visible-sm-block"></div>

            <div class="col-xl-3 col-md-6 col-12">
              <div class="box box-body  kim-height_1">
                <h6 class="text-uppercase">会员等级</h6>
                <div class="flexbox mt-2">
                  <span class="fa  fa-diamond font-size-70 text-danger"></span>
                  <span class=" font-size-20">普通</span>
                </div>
              </div>
            </div>

          </div>


          <div class="row">
            <div class="col-12">
              <div class="box">
                <div class="box-header with-border bg-secondary  ">
                  <h4 class="box-title">我的订单</h4>
                  <div class="box-controls pull-right">
                    <div class="lookup lookup-circle lookup-right">
                      <input type="text" name="s">
                    </div>
                  </div>
                </div>
                <!-- /.box-header -->
                <div class="box-body no-padding">
                  <div class="table-responsive">
                    <table class="table table-hover kim-table-center">
                      <tbody>
                        <tr class="">
                          <th>ID</th>
                          <th>地址</th>
                          <th>日期</th>
                          <th>操作</th>
                          <!-- <th>Status</th>
                          <th>Country</th> -->
                        </tr>
                        <tr>
                          <td><a href="javascript:void(0)">Order #123456</a></td>
                          <td>横琴口岸</td>
                          <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 16, 2017</span> </td>
                          <td>
                            <button class="btn btn-primary btn-outline btn-rounded">查看详情</button>
                            <button class="btn btn-success btn-outline btn-rounded ml-15">订单确认函</button>
                          </td>
                        </tr>
                        <tr>
                          <td><a href="javascript:void(0)">Order #458789</a></td>
                          <td>横琴口岸</td>
                          <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 16, 2017</span> </td>
                          <td>
                            <button class="btn btn-primary btn-outline btn-rounded">查看详情</button>
                            <button class="btn btn-success btn-outline btn-rounded ml-15">订单确认函</button></td>
                        </tr>
                        <tr>
                          <td><a href="javascript:void(0)">Order #84532</a></td>
                          <td>横琴口岸</td>
                          <td><span class="text-muted"><i class="fa fa-clock-o"></i> Oct 16, 2017</span> </td>
                          <td>
                            <button class="btn btn-primary btn-outline btn-rounded">查看详情</button>
                            <button class="btn btn-success btn-outline btn-rounded ml-15">订单确认函</button></td>
                          </td>
                        </tr>

                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
                <!-- /.box-body -->
              </div>
              <!-- /.box -->
            </div>
          </div>

        </section>
      </div>



      <kimImport src="common/footer.html"></kimImport> <!-- 导入尾部 -->
      <kimImport src="common/controlSidebar.html"></kimImport> <!-- 导入右侧栏的控制滑块 -->

  </body>

  <!-- jQuery 3 -->
  <script src="../../static/libs/assets/vendor_components/jquery/dist/jquery.js"></script>

  <!-- jQuery UI 1.11.4 -->
  <script src="../../static/libs/assets/vendor_components/jquery-ui/jquery-ui.js"></script>

  <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
  <script>
    $.widget.bridge('uibutton', $.ui.button);
  </script>

  <!-- popper -->
  <script src="../../static/libs/assets/vendor_components/popper/dist/popper.min.js"></script>

  <!-- Bootstrap 4.0-->
  <script src="../../static/libs/assets/vendor_components/bootstrap/dist/js/bootstrap.js"></script>

  <!-- ChartJS -->
  <script src="../../static/libs/assets/vendor_components/chart.js-master/Chart.min.js"></script>

  <!-- Slimscroll -->
  <script src="../../static/libs/assets/vendor_components/jquery-slimscroll/jquery.slimscroll.js"></script>

  <!-- FastClick -->
  <script src="../../static/libs/assets/vendor_components/fastclick/lib/fastclick.js"></script>

  <!-- peity -->
  <script src="../../static/libs/assets/vendor_components/jquery.peity/jquery.peity.js"></script>

  <!-- Morris.js charts -->
  <script src="../../static/libs/assets/vendor_components/raphael/raphael.min.js"></script>
  <script src="../../static/libs/assets/vendor_components/morris.js/morris.min.js"></script>

  <!-- Fab Admin App -->
  <script src="../../static/v2/js/template.js"></script>

  <!-- Fab Admin dashboard demo (This is only for demo purposes) -->
  <!-- <script src="js/dashboard.js"></script> -->

  <!-- Fab Admin for demo purposes -->
  <script src="../../static/v2/js/demo.js"></script>

  <!-- Vector map JavaScript -->
  <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.min.js"></script>
  <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-world-mill-en.js"></script>
  <script src="../../static/libs/assets/vendor_components/jvectormap/lib2/jquery-jvectormap-us-aea-en.js"></script>

</html>